<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">  
	function $(id) {  
	   return document.getElementById(id);  
	}

	function check(){  
	   var email = $("email").value;  
	   var password = $("password").value;  
	   var repassword = $("repassword").value;  
	   var name = $("name").value;  

	   $("emailinfo").innerHTML = "";  
	   $("passwordinfo").innerHTML = "";  
	   $("repasswordinfo").innerHTML = "";  
	   $("nameinfo").innerHTML = "";  

	   if(email == "") {  
		  $("emailinfo").innerHTML = "账户名";  
		   return false;  
	   }  

	   if(email.indexOf("@") == -1 || email.indexOf(".") == -1) {  
		   $("emailinfo").innerHTML = "邮箱格式不正确,必须包含@和.";  
		   return false;  
	   }  

	   if(password == "") {  
		   $("passwordinfo").innerHTML = "银行卡卡号不能为空";  
		   return false;  
	   }  

	   if(name == "") {  
		  $("nameinfo").innerHTML = "姓名不能为空";  
		   return false;  
	   }  

	   for(var i = 0; i < name.length; i++) {  
		   var j = name.subString(i , i+1);  
		   if(isNaN(j) == false) {  
			   $("nameinfo").innerHTML = '姓名中不能包含数字';  
			   return false;  
		   }  
	   }  
	}  

	function checkEmail() {  //校验Email  
	   $('emailinfo').innerHTML = "";  
	   var email = $('email').value;  
	   if(email == "") {  
			$('emailinfo').innerHTML = "Email值不能为空";  
			return false;  
	   }  

	   if(email.indexOf('@') == -1 || email.indexOf('.') == -1) {  
			$('emailinfo').innerHTML = "Email必须包含@和.";  
			return false;  
	   }  
	}  

	function checkPassword() {  //校验密码  
	  $('passwordinfo').innerHTML = "";  
	  var password = $('password').value;  
	  if(password == "") {  
		  $("passwordinfo").innerHTML = "密码不能为空";  
		  return false;  
	  }  

	 if(password.length < 6) {  
		 $("passwordinfo").innerHTML = "密码长度必须大于或者等于6";  
		 return false;  
	  }  
	}  

	function checkName() {  //校验姓名  
	   $('nameinfo').innerHTML = "";  
	   var name = $('name').value;  
	   if(name == "") {  
		  $("nameinfo").innerHTML = "姓名不能为空";  
		   return false;  
	   }  

	   for(var i = 0; i < name.length; i++) {  
		   var j = name.subString(i , i+1);  
		   if(isNaN(j) == false) {  
			   $("nameinfo").innerHTML = '姓名中不能包含数字';  
			   return false;  
		   }  
	   }  
	}  
</script>    
<form name="login_form" method="post" onsubmit="return check()">  
  <div>  
	   Email:<input type="text" name="email" id="email" onblur="checkEmail();"/><span id="emailinfo"></span>  
  </div>     
  <div>  
	   密码:<input type="password" name="password" id="password" onblur="checkPassword();"/><span id="passwordinfo"></span>  
  </div>  
  <div>  
	  重输密码:<input type="password" name="repassword" id="repassword" onblur="checkRepassword();"/><span id="repasswordinfo"></span>  
  </div>  
  <div>  
	  姓名：<input type="text" name="name" id="name" onblur="checkName();"/><span id="nameinfo"></span>  
  </div>  
  <div>  
	  <input type="submit" value="注册" />  
  </div>  
</form>  
</body>
</html>
